html,
body,
#app {
    height: 100% !important;
    //  background-color: white !important;
    // position: fixed;
    // width: 100%;
}

body {

    background-color: white !important;
}

.vux-pop-out-enter-active,
.vux-pop-out-leave-active,
.vux-pop-in-enter-active,
.vux-pop-in-leave-active {
    will-change: transform;
    transition: all 400ms;
    height: 100%;
    width: 100%;

    position: absolute;
    backface-visibility: hidden;
    perspective: 1000;
}

.vux-pop-out-enter {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
}

.vux-pop-out-leave-active {
    opacity: 1;
    transform: translate3d(100%, 0, 0);
}

.vux-pop-in-enter {
    opacity: 1;
    transform: translate3d(100%, 0, 0);
}

.vux-pop-in-leave-active {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
}
.showDialog1{
    .weui-mask{
      top:46px !important;
    }
  }
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    .phoneCSS {
        height: calc(100% + env(safe-area-inset-bottom)) !important;
        min-height: 100%;
        margin-top:env(safe-area-inset-top) !important;
    }
}

@media screen and (min-width: 1000px) {
  body{
    width: 550px;
    margin: 0 auto;
  }
}

